<div id="footer" >
<%@ taglib prefix ="s" uri="/struts-tags" %>
		<div id="footer-content">
			<ul id="bottom-menu">
				<li><a href="home"><s:property value="%{getText('pokerface.menu.accueil')}"></s:property></a></li>
				<s:if test="%{#session.allowAccess}">
	                <li><a href="account"><s:property value="%{getText('pokerface.menu.compte')}"></s:property></a></li>
	                <li><a href="logout"><s:property value="%{getText('pokerface.menu.deconnexion')}"></s:property></a></li>
           		</s:if>
				<li>
					<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fpoker.ebuildy.eu&amp;layout=button_count&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>				
				</li>
			</ul> 
			<p id="copyright">Copyright C 2010 Poker Face Team</p>
		</div> 
	</div> 
	<script type="text/javascript">
		var p_left = new Array(500, 580, 600, 575, 480, 290, 180, 160, 190, 250);
		var p_top =  new Array(150, 160, 220, 310, 310, 310, 300, 220, 150, 140);
		var token_ = '898DS9Qds';
		var u_id = 3;
		var u_name = 'Vincent';
		var i_ = 1;
		
		/**
		* Fonctions indispensables qui se charge après le chargement du DOM
		*/	
		$(function() 
		{
			$( "#odialog" ).dialog({position: ['right',200], width:360, minWidth:350});
			$( "#hdialog" ).dialog({position: ['right',400], width:360, minWidth:240, minHeight:320, maxHeight:350});
		
			$( "#slider" ).slider({
				value:100,
				min: 0,
				max: 500,
				step: 20,
				slide: function( event, ui ) {
					$( "#p_mise" ).html( ui.value );
				}
			});
			$( "#p_mise" ).html( $( "#slider" ).slider( "value" ) );

			$('button').button().parent().buttonset();
			
			$.preloadCssImages({statusTextEl: '#textStatus', statusBarEl: '#status'});	

			$.doTimeout('refresh', 5000, function()
			{
				$.ajax({
					type:'post',
					url:'getPlayers',
					success:function (data)
					{
					$('#players').html(data);
					}
				});
				return true;
			});
		});
		
		/**
		* Permet d'ajouter un joueur à la table en cours
		*/	
		function addPlayer() 
		{	
			var current = $("#players > div").size(); 
			var id = 2; 
			$player = $('<div />')
				.addClass('player')
				.attr('id', 'p_' + current)
				.appendTo($('#players'))
				.fadeIn();
				
			$info = $('<div onclick="showPlayer(' + id + ');"/>')
				.addClass('p-infos')
				.attr('id', 'i_' + current)
				.attr('rel', 'j_' + id)
				.appendTo($player)
				.html('<h4>Joueur </h4><span id="s_' + current + '">1.35 €</span>')
				.fadeIn();
		}
	
		/**
		* Met à jour le pot se trouvant sur la table
		* @param {Integer} somme La somme rajoutée par le joueur lors de sa mise
		*/		
		function updateTable( somme )
		{
			$(' #amount-table ').html(parseFloat($(' #amount-table ').html()) + somme);
		}	
		
		/**
		* Met à jour la dialogue box de l'historique
		* @param {String} event L'action a afficher dans l'historique des actions
		*/	
		function updateHisto( event )
		{
			$li = $( '<li />' )
				.html( event )
				.fadeIn( 'slow' )
				.prependTo( $( '#ul-histo' ) );
		}	
	
		/**
		* S'active lors du clic sur le bouton Mise, permet de miser une certaine somme d'après le slider
		*/	
		$(' #bmise ').click(function() {
			$.ajax({
				type: 'post',
				url: 'playerBet',
				data: 'token=' + token_ +'&data=' + $( "#slider" ).slider( "value" ),
				success: function(data) {
					// data doit retourner le numéro du joueur, la somme valide, faire les calculs sur la somme du joueur, et la taille des jetons par rapport à la moyenne (1 à 8)
					$chip = $('<div />')
						.addClass('chip')
						.addClass('chip_' + i_)
						.appendTo('#chips')
						.animate({
						left: p_left[i_],
						top: p_top[i_]
					  }, 300);
					
					updateTable( 25 );
				}
			});
		});
	
		/**
		* S'active lors du clic sur le bouton Se coucher, permet de se coucher et de renvoyer ses cartes
		*/
		$(' #bcouche ').click(function() {
			$.ajax({
				type: 'post',
				url: 'playerFold',
				success: function(data) {
					$( '.card_' + i_ ).animate({
						left: 390,
						top: 40
					  }, 400, function() {
						$(this).fadeOut('slow').remove();
					  });
					jNotice('Je me couche', i_);		
					updateHisto( 'Joueur 1 se couche' );
				}
			});
		});
	
		/**
		* S'active lors du clic sur le bouton Check, permet de checker et passer son tour
		*/	
		$(' #bcheck ').click(function() {
			$.ajax({
				type: 'post',
				url: 'playerCheck',
				data: 'token=' + token_ +'&data=' + $( "#slider" ).slider( "value" ),
				success: function(data) {
					updateHisto( 'Joueur 1 check' );
					jNotice('Check !', i_);
				}
			});
		});
		
		/**
		* S'active lors du clic sur le bouton Tapis, permet au joueur de miser ton tapis d'un seul coup
		*/
		$(' #btapis ').click(function() {
			$.ajax({
				type: 'post',
				url: 'playerAllIn',
				success: function(data) {
					updateTable(200);
					updateHisto( 'Joueur 1 met son tapis' );
					jNotice('Tapis', i_);
				}
			});
		});

		/**
		* Affiche une notification 
		* @param {String} notice Le message a afficher
		* @param {Integer} p Le joueur concerné par le message (joueur en cours généralement)
		*/		
		function jNotice(notice, p)
		{
			$notice = $( '<div />')
				.html(notice)
				.appendTo( '#table' )
				.fadeIn()
				.addClass( 'table-action')
				.css('left', p_left[p])
				.css('top', p_top[p]);
				
			/** Switch off the notification **/
			setTimeout(function() {$notice.animate({ opacity: 0, top: '-20px' }, 1000);}, 3000);
			setTimeout(function() {$notice.remove();}, 4000);
		}

		/**
		* Lance une partie depuis le début 
		*/			
		function launch() 
		{		
			$.ajax({
				url:'distribute',
				success:function(data)
				{
					$("#players > div").each(function(i, index) {
						$card = $('<div />')
							.addClass('card')
							.delay((150*i))
							.addClass('card_' + i)
							.appendTo('#cards');
							
						$card.animate({
							left: p_left[i],
							top: p_top[i]
						  }, 300);
						  
						$card2 = $('<div />')
							.addClass('card')
							.addClass('card_' + i)
							.appendTo('#cards')
							.delay(1300+(150*i)).animate({
							left: (p_left[i]+5),
							top: (p_top[i]-5)
						  }, 300);
					});
				}
			});	
		}
		
		/**
		* Affiche une dialogue avec les informations d'un joueur
		* @param {Integer} uid L'id de l'utilisateur dont on veut les informations
		*/	
		function showPlayer(uid)
		{
			var $dialog = $('<div></div>')
				.load( "viewPlayer?pid=" + uid )
				.dialog({position: ['right',600], width:360, minWidth:350, title:'Fiche joueur'});
			$dialog.dialog( "open" );
			return false;
		}

		$(window).unload(function () {  
			if (confirm("Etes-vous sur de vouloir quitter la table ?"))
			{
			   $.ajax({
			   	url:'leaveTable',
			   	async:false,
			   	success: function(data)
			   	{
					
			   	}
			   });
			}
		}); 
	</script>
</body>
</html>